<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)
			})
		</script>
	</head>
	<!--loading页开始-->
	<div class="loading">
		<div class="loader">
			<div class="loader-inner pacman">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
	<!--loading页结束-->
	<body>
		<div class="warp clearfloat">
			<header class="top-header">
				<a class="icona" href="self.html">
					<img src="images/left.png" />
				</a>
				<h3>消费记录</h3>
				<a class="iconb" href="shopcar.html">
				</a>
			</header>
			<div class="main clearfloat" id="main">
				<div class="balance clearfloat">
					<div class="top clearfloat box-s">
						<p class="dqian">当前余额</p>
						<p class="price">9999.01<span>元</span></p>
						<a href="#" class="ba-btn fl">
							充值
						</a>
					</div>
					<div class="bottom clearfloat mt10 box-s">
						<p class="tit box-s">
							最近30天收支明细
						</p>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">第三方支付消费</span>
									<span class="time fr">2021-05-26</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage fr">-235.30</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">运动旅人账户充值</span>
									<span class="time fr">2021-05-21</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage jiage1 fr">+1000.00</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">第三方支付消费</span>
									<span class="time fr">2021-05-20</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage fr">-359.30</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">运动旅人账户充值</span>
									<span class="time fr">2021-05-19</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage jiage1 fr">+1000.00</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">第三方支付消费</span>
									<span class="time fr">2021-05-13</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage fr">-124.30</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">运动旅人账户充值</span>
									<span class="time fr">2021-05-09</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage jiage1 fr">+500.00</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">运动旅人账户充值</span>
									<span class="time fr">2021-05-07</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage jiage1 fr">+648.00</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">运动旅人账户充值</span>
									<span class="time fr">2021-05-06</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage jiage1 fr">+328.00</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">第三方支付消费</span>
									<span class="time fr">2021-05-06</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage fr">-328.30</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">第三方支付消费</span>
									<span class="time fr">2021-05-05</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage  fr">-615.30</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">第三方支付消费</span>
									<span class="time fr">2021-05-03</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage  fr">-112.60</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">运动旅人账户充值</span>
									<span class="time fr">2021-05-02</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage jiage1 fr">+128.00</span>
								</li>
							</ul>
						</div>
						<div class="list fl box-s clearfloat">
							<ul>
								<li class="fl">
									<span class="dsan fl">第三方支付消费</span>
									<span class="time fr">2021-05-01</span>
								</li>
								<li class="fl mt5">
									<span class="yue fl"></span>
									<span class="jiage  fr">-96.70</span>
								</li>
							</ul>
						</div>
						<br />
						<br />
						<br />
						<br />
						<br />
						<br />
						<br />

					</div>
				</div>
			</div>
			<footer class="page-footer fixed-footer">
				<ul>
					<li>
						<a href="index.html">
							<img src="images/footer001.png" />
							<p style="color: #37b5f8;">首页</p>
						</a>
					</li>
					<li>
						<a href="assort.html">
							<img src="images/footer002.png" />
							<p style="color: #37b5f8;">商城</p>
						</a>
					</li>
					<li>
						<a href="shopcar.html">
							<img src="images/footer003.png" />
							<p style="color: #37b5f8;">购物车</p>
						</a>
					</li>
					<li class="active">
						<a href="self.html">
							<img src="images/footer04.png" />
							<p style="color: #37b5f8;">个人中心</p>
						</a>
					</li>
				</ul>
			</footer>
	</body>
</html>
